<template>
  <div id='flow' style='height: 87vh'>
    <el-row :span='24'>
      <el-col :span='2' style="padding-top: 10px;padding-left: 20px; display: flex ;align-items: center;padding-top: 10px">
        <h3>工作流</h3>
      </el-col>
      <el-col :span='12' style="padding-top: 10px; display: flex; align-items: center;">
        <el-radio-group v-model='radio' style="display: flex; align-items: center;">
          <el-radio-button label='视频业务工作流'></el-radio-button>
          <el-radio-button label='公共安全监控与响应工作流'></el-radio-button>
          <el-radio-button label='科学计算工作流'></el-radio-button>
          <el-radio-button label='自定义工作流'></el-radio-button>
        </el-radio-group>
<!--        <el-tooltip content="当选中“自定义工作流”选项时，可以上传符合BPMN规范标准的XML流程图，<br>上传成功后会自动保存。顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶" placement="top">-->
<!--          <i class="el-icon-question" style="font-size: 20px; margin-left: 5px; align-self: center; white-space: pre-wrap"></i>-->
<!--        </el-tooltip>-->
<!--        <el-button  style="    margin-left: 5px;" size="mini" plain @click="downloadXML" v-if="radio ==='自定义工作流'">下载示例</el-button>-->
        <el-link type="primary" style="width: 200px; display: inline-block; margin-left: 5px;" @click="downloadXML" v-if="radio ==='自定义工作流'">示例</el-link>
        <el-tooltip class="item" effect="light" placement="top-start" v-if="radio ==='自定义工作流'" >
          <div slot="content">
            当选中“自定义工作流”选项时，可以上传符合 BPMN 规范标准的 XML 流程图，上传成功后会自动保存。<br>
            除了符合 BPMN 规范标准之外，XML 还需要包含以下参数：<br/>
            1. 在 `bpmn2:definitions` 内部添加以下属性以标识 CPU、内存和存储：<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;custom:cpu="8"<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;custom:mem="8"<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;custom:storage="16"<br/>
            2. 在每个任务节点的 `bpmn2:task` 内部添加以下属性以标识节点名称、节点配置（单位：Mega Cycle）和任务节点顺序：<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;name="Source"<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;number="4"<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;customCpu="309"<br/>
            3. 在每任务节点连线的 `bpmn2:sequenceFlow` 内部添加以下属性以标识连线连接的任务节点和任务配置（单位：KB）：<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;customAttribute="1_2"（表示连线连接了第一个任务节点和第二个任务节点）<br/>
            &nbsp;&nbsp;&nbsp;&nbsp;name="743784"<br/>
            4. 请确保每个上传的 XML 中包含 CPU、内存和存储，以及各个任务节点和节点连线上的属性，且均不为空。<br/>
            5. 示例 XML 示例如下：<br/>
            <pre>
      &lt;?xml version="1.0" encoding="UTF-8"?&gt;<br/>
      &lt;bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" <br/>
          xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" <br/>
          xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" <br/>
          xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" <br/>
          xmlns:di="http://www.omg.org/spec/DD/20100524/DI" <br/>
          xmlns:flowable="http://flowable.org/bpmn" <br/>
          id="diagram_Process_1733818566873" <br/>
          custom:cpu="8"<br/>
          custom:mem="8"<br/>
          custom:storage="16"<br/>
          targetNamespace="http://flowable.org/bpmn"&gt;<br/>
        &lt;bpmn2:process id="Process_1733818566873" name="业务流程_1733818566873" isExecutable="true"&gt;<br/>
          &lt;bpmn2:userTask id="Activity_18j7635" name="Source" number="0" customCpu="168"&gt;<br/>
            &lt;bpmn2:extensionElements&gt;<br/>
              &lt;flowable:formData /&gt;<br/>
            &lt;/bpmn2:extensionElements&gt;<br/>
            &lt;bpmn2:outgoing&gt;Flow_0hiwhgu&lt;/bpmn2:outgoing&gt;<br/>
          &lt;/bpmn2:userTask&gt;<br/>
          &lt;bpmn2:userTask id="Activity_13onald" name="Copy" number="1" customCpu="334"&gt;<br/>
            &lt;bpmn2:extensionElements&gt;<br/>
              &lt;flowable:formData /&gt;<br/>
            &lt;/bpmn2:extensionElements&gt;<br/>
            &lt;bpmn2:incoming&gt;Flow_0hiwhgu&lt;/bpmn2:incoming&gt;<br/>
          &lt;/bpmn2:userTask&gt;<br/>
          &lt;bpmn2:sequenceFlow id="Flow_0hiwhgu" name="270" sourceRef="Activity_18j7635" targetRef="Activity_13onald" customAttribute="0_1" /&gt;<br/>
        &lt;/bpmn2:process&gt;<br/>
        &lt;bpmndi:BPMNDiagram id="BPMNDiagram_1"&gt;<br/>
          &lt;bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1733818566873"&gt;<br/>
            &lt;bpmndi:BPMNEdge id="Flow_0hiwhgu_di" bpmnElement="Flow_0hiwhgu"&gt;<br/>
              &lt;di:waypoint x="390" y="280" /&gt;<br/>
              &lt;di:waypoint x="560" y="280" /&gt;<br/>
              &lt;bpmndi:BPMNLabel&gt;<br/>
                &lt;dc:Bounds x="466" y="262" width="19" height="14" /&gt;<br/>
              &lt;/bpmndi:BPMNLabel&gt;<br/>
            &lt;/bpmndi:BPMNEdge&gt;<br/>
            &lt;bpmndi:BPMNShape id="Activity_18j7635_di" bpmnElement="Activity_18j7635"&gt;<br/>
              &lt;dc:Bounds x="290" y="240" width="100" height="80" /&gt;<br/>
            &lt;/bpmndi:BPMNShape&gt;<br/>
            &lt;bpmndi:BPMNShape id="Activity_13onald_di" bpmnElement="Activity_13onald"&gt;<br/>
              &lt;dc:Bounds x="560" y="240" width="100" height="80" /&gt;<br/>
            &lt;/bpmndi:BPMNShape&gt;<br/>
          &lt;/bpmndi:BPMNPlane&gt;<br/>
        &lt;/bpmndi:BPMNDiagram&gt;<br/>
      &lt;/bpmn2:definitions&gt;<br/>
    </pre>
          </div>
          <i class="el-icon-question" style="font-size: 20px; margin-left: 5px; align-self: center; white-space: pre-wrap"></i>
        </el-tooltip>

             </el-col>
    </el-row>
    <el-row :span='24' style='padding: 10px'>
      <el-col :span='8' style='padding: 10px;' v-if="radio !=='自定义工作流'">
        <el-tabs type='border-card'  >
          <el-tab-pane label='任务配置'>
            <div style='height:73vh; overflow-y:scroll;padding: 20px;'>
              <div v-if="radio === '视频业务工作流'" class="step1">
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤0：LoadVideo --> Prompt words</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_1'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤1：LoadVideo --> Negative Prompt word</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_2'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤2：LoadVideo --> Batch Prompt Schedule</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_3'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤3：LoadVideo --> Examine & Verify</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_4'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤4：Prompt words --> Load Model</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_5'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤5：Negative Prompt word --> Load Model</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_6'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤6：Batch Prompt Schedule --> Load Model</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_7'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤7：Load Model --> Transcoding</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_8'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤8：Transcoding --> Apply Controlnet</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_9'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤9：Apply Controlnet --> VAE Decode</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_10'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤10：Examine & Verify --> Image Resize</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_11'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤11：Image Resize --> Empty Latent Image</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_12'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤12：Empty Latent Image --> VAE Decode</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_13'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤13：VAE Decode --> Save Image</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_14'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤14：Save Image --> Video Combine</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.task.vi_15'>
                      <template slot="append">KB</template>
                    </el-input>
                  </el-col>
                </el-row>
              </div>
              <div v-if="radio === '公共安全监控与响应工作流'">
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤0：Source --> Copy</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_0'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤1：Copy --> Title</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_1'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>步骤2：Title --> Detect(1)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_2'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤3：Title --> Detect(2)</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_3'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤4：Title --> Detect(3)</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_4'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤5：Detect(1) --> Feature merger</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_5'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤6：Detect(2) --> Feature merger</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_6'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤7：Detect(3) --> Feature merger</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_7'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤8：Feature merger --> Graph Splitter</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_8'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤9：Graph Splitter --> Classify(1)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_9'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤10：Graph Splitter --> Classify(2)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_10'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤11：Classify(1) --> Reco.Merge</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_11'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤12：Classify(2) --> Reco.Merge</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_12'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤13：Reco.Merge --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_13'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤14：Copy --> Feature merger</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_14'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤15：Copy --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_15'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤16：Graph Splitter --> Reco.Merge</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_16'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤17：Reco.Merge --> Graph Splitter</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.task.fat_17'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
              </div>
              <div v-if="radio === '科学计算工作流'">
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤0：Source --> Data Processing</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_1'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤1：Source --> Feature Extraction</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_2'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤2：Data Processing --> Date Cleaning</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_3'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤3：Data Processing --> Data Transformation</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_4'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤4：Data Processing --> Data Standardization</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_5'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤5：Data Processing --> Data Splitting</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_6'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤6：Feature Extraction --> Feature Selection</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_7'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤7：Feature Extraction --> Feature Transformation</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_8'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤8：Feature Extraction --> Feature Extraction Method</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_9'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤9：Feature Extraction --> Feature TFusion</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_10'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤10：Date Cleaning --> Processed(1)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_11'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤11：Date Cleaning --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_12'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤12：Data Transformation --> Processed(2)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_13'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤13：Data Transformation --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_14'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤14：Data Standardization --> Processed(3)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_15'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤15：Data Standardization --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_16'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤16：Data Splitting --> Processed(4)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_17'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤17：Data Splitting --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_18'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤18：Feature Selection --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_19'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤19：Feature Selection --> Datapreprocessing</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_20'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤20：Feature Transformation --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_21'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤21：Feature Transformation --> Model Training</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_22'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤22：Feature Extraction Method --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_23'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤23：Feature Extraction Method --> Model Evaluation</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_24'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤24：Feature TFusion --> Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_25'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤25：Feature TFusion --> Result Analysis</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_26'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤26：Processed(1) --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_27'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤27：Processed(2) --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_28'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤28：Processed(3) --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_29'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤29：Processed(4) --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_30'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤30：DatapreProcessing --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_31'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤31：Model Training --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_32'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤32：Model Evaluation --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_33'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>步骤33：Result Analysis --> Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.task.sc_34'><template slot="append">KB</template></el-input>
                  </el-col>
                </el-row>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label='节点配置'>
            <div style='height:73vh; overflow-y:scroll;padding: 20px;'>
              <div v-if="radio === '视频业务工作流'">
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点0：LoadVideo</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_0'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点1：Prompt words</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_1'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>节点2：Negative Prompt word</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_2'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点3：Batch Prompt Schedule</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_3'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点4：Examine & Verify</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_4'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点5：Image Resize</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_5'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点6：Empty Latent Image</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_6'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点7：Load Model</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_7'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点8：Transcoding</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_8'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点9：Apply Controlnet</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_9'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点10：VAE Decode</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_10'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点11：Save Image</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_11'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点12：Video Combine</span></el-col>
                  <el-col :span='12'>
                    <el-input placeholder='请输入内容' type='number' v-model='process.process_one.node.nd_12'>
                      <template slot="append">Mega Cycle</template>
                    </el-input>
                  </el-col>
                </el-row>
              </div>
              <div v-if="radio === '公共安全监控与响应工作流'">
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点0：Source</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_0'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点1：Copy</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_1'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>节点2：Title</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_2'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点3：Detect(1)</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_3'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点4：Detect(2)</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_4'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点5：Detect(5)</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_5'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点6：Feature merger</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_6'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点7：Graph Splitter</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_7'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点8：Classify(1)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_8'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点9：Classify(9)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_9'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点10：Reco.Merge</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_10'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点11：Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_two.node.nd_11'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
              </div>
              <div v-if="radio === '科学计算工作流'">
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点0：Source</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_0'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点1：Data Processing</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_1'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'>
                    <span>节点2：Feature Extraction</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_2'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点3：Date Cleaning</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_3'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点4：Data Transformation</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_4'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点5：Data Standardization</span>
                  </el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_5'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点6：Data Splitting</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_6'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点7：Feature Selection</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_7'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点8：Feature Transformation</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_8'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点9：Feature Transformation</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_9'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点10：Feature Fusion</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_10'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点11：Processed(1)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_11'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点12：Processed(2)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_12'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点13：Processed(3)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_13'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点14：Processed(4)</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_14'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点15：Model Processed</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_15'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点16：Datapre Processing</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_16'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点17：Model Training</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_17'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点18：Model Evaluation</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_18'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点19：Result Analysis</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_19'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
                <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                  <el-col :span='12'><span>节点20：Display</span></el-col>
                  <el-col :span='12'>
                    <el-input
                      placeholder='请输入内容'
                      type='number'
                      v-model='process.process_three.node.nd_20'><template slot="append">Mega Cycle</template></el-input>
                  </el-col>
                </el-row>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label='资源需求'>
            <div style='height:73vh; overflow-y:scroll;padding: 20px;'>
              <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                <el-col :span='12'><span>CPU</span></el-col>
                <el-col :span='12'>
                  <el-input placeholder='请输入内容' type='number' v-model='params.cpu' :min='0'>
                    <template slot="append">Core</template>
                  </el-input>
                </el-col>
              </el-row>
              <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                <el-col :span='12'><span>内存</span></el-col>
                <el-col :span='12'>
                  <el-input placeholder='请输入内容' type='number' v-model='params.mem' :min='0'>
                    <template slot="append">GB</template>
                  </el-input>
                </el-col>
              </el-row>
              <el-row :span='24' style='display: flex; align-items: center; margin-top: 15px'>
                <el-col :span='12'><span>存储</span></el-col>
                <el-col :span='12'>
                  <el-input placeholder='请输入内容' type='number' v-model='params.storage' :min='0'>
                    <template slot="append">GB</template>
                  </el-input>
                </el-col>
              </el-row>
            </div>
          </el-tab-pane>
        </el-tabs>
      </el-col>
      <el-col :span='1' style='margin-top: 23%' v-if="radio !='自定义工作流'">
        <el-button size='small' type='primary' @click='generate'>生成</el-button>
      </el-col>
      <el-col :span='1' style='margin-top: 23%' v-if="radio ==='自定义工作流'">
        <el-button size='small' type='primary' @click='showUploadDialog'>上传</el-button>
      </el-col>
      <el-col :span='15' style='padding: 10px;' v-loading='isLoading'>
        <el-card style='height: 78vh'>
          <bpmn-modal ref='modal'></bpmn-modal>
        </el-card>
      </el-col>
    </el-row>
    <el-dialog title="上传XML流程文件" :visible.sync="uploadDialogVisible" center >
      <el-upload class="custom-dialog"
        action="#"
        :before-upload="handleFileUpload"
        :show-file-list="false"
        accept=".xml"
        drag>
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将符合BPMN规范标准的XML文件拖到此处，或<em>点击上传</em></div>
      </el-upload>
      <span slot="footer" class="dialog-footer">
      <el-button @click="uploadDialogVisible = false">取消</el-button>
    </span>
    </el-dialog>
  </div>
</template>

<script src='./js/index.js'>
</script>

<style scoped>
.custom-dialog {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
</style>
